<template>
  <div></div>
</template>

<script>
export default {
    name: 'Logout',
    beforeRouteEnter(to,from,next){
        let callback = vm => {
            console.log( '组件内守卫(beforeRouteEnter) - next' );
            console.log( vm.$root.logged );
            // 删除 sessionStorage 中保存的 token
            sessionStorage.removeItem( 'token' );
            // 将 根组件 的 logged 改为 false (表示用户未登录)
            vm.$root.logged = false ;
            console.log( vm.$root.logged );
            // 编程式导航
            vm.$router.push( { name: 'home' } );
        }
        next( callback );
    }
}
</script>
